﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<GroupReportModel>" %>

<asp:Content ContentPlaceHolderID="TitleContent" runat="server">
	GroupReport
</asp:Content>

<asp:Content ContentPlaceHolderID="MainContent" runat="server">  
    <div class="maincontent">
            <div id="tabcontent" >
            <h2>Group</h2>
                <div>
                    <img title="HistoryReport" src="/Content/Image/Report/<%:Model.ImageSource%>" /></div>
                    <% using(Html.BeginForm ("Group","Report",FormMethod.Get)){ %>  
                    <div class="group">						
                        <span class="label">From:</span>
                        <%: Html.TextBox("starttime", Model.StartTime.ToShortDateString(), new { id = "datepicker", @readonly = "true" })%>
                    </div>
                    <div class="group">						
                        <span class="label">To:</span>
                        <%: Html.TextBox("endtime", Model.EndTime.ToShortDateString(), new { id = "datepickers", @readonly = "true" })%>
                    </div>
                    <div class="group">						
                        <span class="label">Display:</span>
                        <%=Html.DropDownList("maxshow", ViewData["MaxItems"] as SelectList )%>  
                    </div>
                    <div class="group"></div>
                    <div class="settingbutton">
                        <span class="label">&nbsp;</span>
                        <span class="input"><input type="submit" class="button" value="OK" /></span>
                        <span class="input">&nbsp;</span>
                        <span class="input"><input type="reset" class="button" value="Reset" /></span>
                    </div>
                    <%} %>   
                </div>
    </div>

</asp:Content>

<asp:Content ContentPlaceHolderID="HeaderContent" runat="server">
    <link href="<%:Url.Content("~/Content/css/reporthistory.css")%>" rel="stylesheet" type="text/css" />
    <script src="<%:Url.Content("~/Content/js/jquery.alcatel.reportgroup.js")%>" type="text/javascript"></script>
    <link href="<%:Url.Content("~/Content/datepicker/themes/base/ui.all.css")%>" rel="stylesheet" type="text/css" />
    <script src="<%:Url.Content("~/Content/datepicker/ui/ui.core.js")%>" type="text/javascript"></script>
    <script src="<%:Url.Content("~/Content/datepicker/ui/ui.datepicker.js")%>" type="text/javascript"></script>
    <link href="<%:Url.Content("~/Content/datepicker/demos.css")%>" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $("#datepicker").datepicker({ showOn: 'button', buttonImage: '<%:Url.Content("~/Content/images/calendar.gif")%>', buttonImageOnly: true });
        });
    </script>
    <script type="text/javascript">
        $(function () {
            $("#datepickers").datepicker({ showOn: 'button', buttonImage: '<%:Url.Content("~/Content/images/calendar.gif")%>', buttonImageOnly: true });
        });
	 </script>
</asp:Content>
